﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<!--<meta http-equiv="X-UA-Compatible" content="IE=7" /><!--如果是IE8时强制以IE7显示-->
<meta name="keywords" content="佐名片，名片"><!--SEO关键字-->
<title>佐名片</title>
<link rel="stylesheet" href="css/style.css">
<link rel="stylesheet" href="css/base.css">
<link rel="stylesheet" href="css/common.css">

</head>

<body>
	<div id="site_nav">
		<div id="sn_bd">
			<div class="sn_container">
				<p class="sn_login_info">
					欢迎来到佐名片!
					<a href="#" class="sn_login">请登录</a>
					<a href="#" class="sn_register">免费注册</a>
					<i class="sn-separator"></i>					
					<a href="#" class="sn_shop">购物车0件</a>
				</p>
			</div>
		</div>
	</div>
	<div id="main">
		<div class="main_wrap">
			<div id="head">
				<div id="logo_container">
					<div class="logo_wrap">
						<a href="#">
							<img src="images/back_card.png" />
						</a>
					</div>
				</div>
				<div class="menu_wrap">
					<a href="#" class="menu_wild header_nav_hover">首页</a>
					<a href="#" class="menu_wild">名片设计</a>
					<a href="#" class="menu_wild">在线制作</a>
				</div>
			</div>
			<div id="banner">
				<div id="bn_intro">
					<p class="m5">欢迎来到佐名片制作网</p>
					<p class="m5">佐你的名片，方便生活！让名片更精彩！</p>
					<p class="m5">更多精彩模板免费在线制作</p>
					<a href="#"><img src="images/make_buttom.png"  class="m20"/></a>
				</div>
				<div id="bn_pic">
					<img src="images/bn_pic.png" />
				</div>
			</div>
			<div id="container">
				<ul>
					<li class="function">
						<img src="images/fpic1.png" />
						<h3 class="h3">选择模板</h3>
						<p class="pl">进入名片设计选择模板或者用户上传自己的模板PDF格式</p>
					</li>
					<li class="function">
						<img src="images/fpic2.png" />
						<h3 class="h3">在线制作</h3>
						<p class="pl">用户选择模板制作或者选用自己设计制作后进入进入相关页面开始在线制作</p>
					</li>
					<li class="function">
						<img src="images/fpic3.png" />
						<h3 class="h3">马上制作</h3>
						<p class="pl">在线制完成后用户自行选择保存设计或者印刷名片</p>
					</li>
					<li class="function">
						<img src="images/fpic4.png" />
						<h3 class="h3">在线支付</h3>
						<p class="pl">填写完印刷数目和名片类型后用户登录进入在线支付野蛮</p>
					</li>
				</ul>
			</div>
		</div>
	</div>
	<div id="footer">
		<div id="footer_container">
			<div class="foot_tip r100">
				<h1>分享、订阅</h1><hr>
				<ul>	
					<li>订阅此页面</li>
					<li>分享到Twitter</li>
					<li>分享到Facebook</li>
				</ul>
				
			</div>
			<div class="foot_tip r100">
				<h1>友情链接</h1><hr>
				<ul>	
					<li>金星纸业有限公司</li>
					<li>文涛网</li>
					<li>食品笔记</li>
					<li>议论纷纷</li>
				</ul>
				
			</div>
			<div class="foot_tip r50">
				<h1>联系我们</h1><hr>
				<p>是否已经有疑问</p>
				<p>是否已经心动？</p>
				<p>那你还在等什么</p>
				<p>全国销售热线：</p>
				<p>0731-7900657</p>
				</ul>
				
			</div>
			
		</div>
		<p class="m15">copyright © 2011 wxq.com.All Rights Reserved</p>
	</div>
	<div id="login">					<!--登陆框-->
		<p class="bred">登录</p>
		<div class="lo_container">
			<p class="m20">账号</p>
			<input class="input_area m10"></input>
			<p class="m20">密码</p>
			<input class="input_area m10"></input>
			<div class="bhover"><input type="submit" value="登陆" class="buttom"></input></div>
		</div>
	</div>
	<div id="register">
		<p class="bred">用户注册</p>
		<div class="lo_container">
			<p class="m20">用户名</p>
			<input class="input_area m10"></input>
			<p class="m20">邮箱</p>
			<input class="input_area m10"></input>
			<p class="m20">密码</p>
			<input class="input_area m10"></input>
			<p class="m20">确认密码</p>
			<input class="input_area m10"></input>
			<p class="m20">我已我已经认真阅读并同意佐名片的《<span class="cb">使用协议</span>》</p>
			<div class="bhover"><input type="submit" value="注册" class="buttom"></input></div>
		</div>
	</div>
</body>

</html>